<div id="editHousekeepingTypeModel" class="modal fade" tabindex="-1" role="dialog" aria-labelledby="exampleModalLabel"
  aria-hidden="true">
  <div class="modal-dialog modal-lg">
    <div class="modal-content">
      <div class="modal-body">
        <h3 class="m-t-none m-b ">修改</h3>
        <div class="ibox-content">
          <div>
            <div>
              <div class="form-group row">
                <label class="col-sm-2 col-form-label">菜单名称</label>
                <div class="col-sm-10">
                  <input v-model="editHousekeepingTypeInfo.hktName" type="text" placeholder="必填，请填写菜单名称"
                    class="form-control">
                </div>
              </div>
              <div class="form-group row">
                <label class="col-sm-2 col-form-label">小图标logo</label>
                <div class="col-sm-10">
                  <vc:create path="frame/uploadImage" callBackListener="editHousekeepingType"
                    callBackFunction="notifyUploadCoverImage" namespace="editHousekeepingType" imageCount="1">
                  </vc:create>
                </div>
              </div>
              <div class="form-group row">
                <label class="col-sm-2 col-form-label">服务描述</label>
                <div class="col-sm-10">
                  <input v-model="editHousekeepingTypeInfo.hktDesc" type="text" placeholder="选填，请填写服务描述"
                    class="form-control">
                </div>
              </div>
              <div class="form-group row">
                <label class="col-sm-2 col-form-label">类型</label>
                <div class="col-sm-10">
                  <select class="custom-select" v-model="editHousekeepingTypeInfo.typeCd">
                    <option selected disabled value="">必填，请选择类型</option>
                    <option value="1001">服务</option>
                    <option value="2002">商城</option>
                  </select>
                </div>
              </div>
              <div class="form-group row">
                <label class="col-sm-2 col-form-label">标签</label>
                <div class="col-sm-10">
                  <input v-model="editHousekeepingTypeInfo.label" type="text" placeholder="选填，请填写标签"
                    class="form-control">
                </div>
              </div>
              <div class="form-group row" v-if="editHousekeepingTypeInfo.typeCd == '2002'">
                <label class="col-sm-2 col-form-label">跳转类型</label>
                <div class="col-sm-10">
                  <select class="custom-select" v-model="editHousekeepingTypeInfo.skipType">
                    <option selected disabled value="">必填，请选择跳转类型</option>
                    <option value="1">站内</option>
                    <option value="2">站外</option>
                    <option value="S">店铺</option>
                    <option value="P">商品</option>
                  </select>
                </div>
              </div>
              <div class="form-group row" v-if="editHousekeepingTypeInfo.typeCd == '2002' && (editHousekeepingTypeInfo.skipType == '1' || editHousekeepingTypeInfo.skipType == '2')">
                <label class="col-sm-2 col-form-label">URL</label>
                <div class="col-sm-10">
                  <input v-model="editHousekeepingTypeInfo.url" type="text" placeholder="选填，请填写URL"
                    class="form-control">
                  <label v-if="editHousekeepingTypeInfo.skipType == '1'">请使用浏览器打开手机商城，复制#号已后的全部地址。如：/pages/market/market...直至结束</label>
                  <label v-if="editHousekeepingTypeInfo.skipType == '2'">输入外部完整地址，需加上http或者https。</label>
                </div>
              </div>

              <div class="form-group row" v-if="editHousekeepingTypeInfo.skipType == 'S' || editHousekeepingTypeInfo.skipType == 'P'">
                <label class="col-sm-2 col-form-label">选择店铺</label>
                <div class="col-sm-10">
                  <select class="custom-select" v-model="editHousekeepingTypeInfo.shopId" @change="selEditProducts">
                    <option selected value="">请选择店铺</option>
                      <option v-for="(item,index) in editHousekeepingType.shops" :value="item.shopId">
                        {{item.shopName}}
                      </option>
                  </select>
                </div>
              </div>
              <div class="form-group row" v-if="editHousekeepingTypeInfo.skipType == 'P'">
                <label class="col-sm-2 col-form-label">选择商品</label>
                <div class="col-sm-10">
                    <select class="custom-select" v-model="editHousekeepingTypeInfo.productId">
                      <option selected value="">请选择商品</option>
                        <option v-for="(item,index) in editHousekeepingType.products" :value="item.productId">
                          {{item.prodName}}
                        </option>
                    </select>
                </div>
              </div>
              <div class="form-group row">
                <label class="col-sm-2 col-form-label">排序</label>
                <div class="col-sm-10">
                  <input v-model="editHousekeepingTypeInfo.seq" type="text" placeholder="必填，请填写排序" class="form-control">
                </div>
              </div>
              <div class="form-group row">
                <label class="col-sm-2 col-form-label">是否显示</label>
                <div class="col-sm-10">
                  <select class="custom-select" v-model="editHousekeepingTypeInfo.isShow">
                    <option selected disabled value="">必填，请选择是否显示</option>
                    <option value="Y">是</option>
                    <option value="N">否</option>
                  </select>
                </div>
              </div>

              <div class="ibox-content">
                <button class="btn btn-primary float-right" type="button" v-on:click="saveEditHousekeepingType()"><i
                    class="fa fa-check"></i>&nbsp;保存</button>
                <button type="button" class="btn btn-warning float-right" style="margin-right:20px;"
                  data-dismiss="modal">取消</button>
              </div>
            </div>
          </div>
        </div>
      </div>
    </div>
  </div>
</div>